<template>
  <div>
    <el-color-picker @change="colorchange" v-model="activecolor" show-alpha :predefine="predefineColors">
    </el-color-picker>
  </div>
</template>

<script>
import { string } from 'mathjs';
export default {
  props:{
    color:{
      type:String,
      default:"rgba(63, 195, 235, 1)"
    }
  },
  data() {
    return {
      activecolor:this.color,
      predefineColors: [
        "#ff4500",
        "#ff8c00",
        "#ffd700",
        "#90ee90",
        "#00ced1",
        "#1e90ff",
        "#c71585",
        "rgba(255, 69, 0, 0.68)",
        "rgba(63, 195, 235, 1)",
        "rgb(255, 120, 0)",
        "hsv(51, 100, 98)",
        "hsva(120, 40, 94, 0.5)",
        "hsl(181, 100%, 37%)",
        "hsla(209, 100%, 56%, 0.73)",
        "#c7158577",
      ],
    };
  },
  methods:{
    colorchange(e){
        this.$emit('colorConfrim',e)
    },
  }
};
</script>